
<!-- 960 Container -->
<div class="container floated">

  <div class="sixteen floated page-title">

    <h2><?php echo $cate[0]->name;?></h2>

    <nav id="breadcrumbs">
      <ul>
        
        <li><a href="<?php echo $this->url('home', array('action'=>'index'));?>">Trang chủ</a></li>
        <li>/<?php echo $cate[0]->name;?></li>
      </ul>
    </nav>

  </div>

</div>
<!-- 960 Container / End -->

<!-- Page Content -->
<div class="page-content portfolio">

  <!-- 960 Container -->
  <div class="container">
    <div class="sixteen columns">

      

    </div>
  </div>
  <!-- 960 Container / End -->


  <!-- 960 Container -->
  <div class="container">

    <!-- Portfolio Content -->
    <div id="portfolio-wrapper">


    
  
       <?php foreach($paginator as $v){ ?>
   
      <!-- 1/3 Column -->
      <div class="one-third column isotope-item photography architecture">
        <a href="<?php echo $this->url('home', array('action'=>'detail','id'=>$v->video_id));?>" class="portfolio-item isotope">
          <figure>
            <div class="picture"><img style="width: 100% !important;max-height: 168px;" src="<?php echo $this->basePath('/photo/').$v->image;?>" alt=""/><div class="image-overlay-link"></div></div>
            <figcaption class="item-description">
              <h5><?php echo $v->title;?></h5>
              <span><?php if(strlen($v->content)<25){echo $this->escapeHtml($v->content);}else echo $this->escapeHtml(substr($v->content,0,25)).'...';?></span>
            </figcaption>
          </figure>
        </a>
      </div>
       <?php }?>



    </div>
    <!-- Portfolio Content / End -->

  </div>
  <!-- 960 Container / End -->



</div>

<!-- Page Content / End -->
 <?php
 echo $this->paginationControl(
     // the paginator object
     $this->paginator,
     // the scrolling style
     'sliding',
     // the partial to use to render the control
     array('partial/paginator.phtml', 'Home'),
     // the route to link to when a user clicks a control link
     array(
         'route' => 'categories'
     )
 );
 ?>




 <style type="text/css">

.box .box-content ul {
padding: 0;
list-style: none;
}
.pagination {
margin-left: 44% !important;
display: inline-block;
width: 100%;
margin-bottom: 10px;
margin: 20px 0;
border-radius: 4px;
}
.pagination ul
{
  -webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
.box .box-content ul li {
border-bottom: 1px solid #eeeeee;
padding: 8px 0px;
}
.pagination > li {
display: inline;
text-align: -webkit-match-parent;
}

.active ul li {
border-bottom: 1px solid #eeeeee;
padding: 8px 0px;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
z-index: 2;
background-color: #3abec0;
border-color: #3abec0;
cursor: default;
}
.pagination > li > a, .pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.428571429;
text-decoration: none;
border: 1px solid #ddd;
margin-left: -1px;
}



 </style>